{% extends 'base.html' %}
{% block head %}
<script>
 $(function(){
   /* 计算价格小计与总计，并加上运费*/
   var priceTotal = 0
   var priceSum = 0
   $('.goods_list_td').each(function(){
     count = parseInt($(this).children('.col06').text());
     price = parseFloat($(this).children('.col05').text());
     priceTotal = count*price;

     $(this).children('.col07').text(priceTotal.toFixed(2));
     priceSum += priceTotal

   });
   $('#gcount').text($('.goods_list_td').length);
   $('#sumtotal').text(priceSum+'元');
   a = parseInt(priceSum)
   b = (priceSum-a).toFixed(2)
   totalPay = parseInt(a+10) + parseFloat(b);
   
   $('#total_pay').text(totalPay+'元');
  /*----------------------------------------------------------*/
   function getNow(s) {
            return s < 10 ? '0' + s: s;
        }
        function getTimeStr(){
            var myDate = new Date();             
            var year=myDate.getFullYear();        //获取当前年
            var month=myDate.getMonth()+1;   //获取当前月
            var date=myDate.getDate();            //获取当前日


            var h=myDate.getHours();              //获取当前小时数(0-23)
            var m=myDate.getMinutes();          //获取当前分钟数(0-59)
            var s=myDate.getSeconds();

            var now=year+getNow(month)+getNow(date)+getNow(h)+getNow(m)+getNow(s);
            return now;
        }
   
    
    // 将字符串转为acsll码
    function strChange(user_id) {
            var num='';
         for(var i=user_id.length-1;i>=0;i--){
               var str = user_id.charAt(i);
               var code = str.charCodeAt();
               num +=code;
        
             }
            return num;
    }
  
  /*----------------------------------------------------------*/
   /* 下订单触发click事件，用来校验订单是否下成功，根据AJAX返回值展示不同页面*/
   $('#order_btn').click(function(){
      var str = strChange('beyond').substr(-4);
      var now = getTimeStr()
      var order_id = now+str  //订单编号
      //------------------
      //用于存购物车id
      carts = [];
      $(".goods_list_td").each(function(){
        carts.push($(this).attr('id'));
      }); 
      localStorage.setItem('order_finish',2);
      $.ajax({
        url:'/order/order_handle/',
        dataType:'json',
        type:'POST',
        data:{
          'csrfmiddlewaretoken': '{{ csrf_token }}',
          'id':order_id,
          'total':totalPay,
          'address':$('#oaddress').text(),
          'cart_ids':carts
        },
        success:function(data){
            if(data.status == 1){
          $('.popup_con p').text('订单提交成功！');
          $('.popup_con').fadeIn('fast', function() {
            setTimeout(function(){
              $('.popup_con').fadeOut('fast',function(){
	        window.location.href = '/user/order/';
              });
            },3000)
          });
        }
        else if(data.status == 2){
          $('.popup_con p').text('超出库存请修改！');
          $('.popup_con').fadeIn('fast', function() {
            setTimeout(function(){
              $('.popup_con').fadeOut('fast',function(){
	        window.location.href = '/cart/cart';
              });
            },3000)
          });
        }
        }
      });

   });

 })
 /*----------------------------------------------------------*/
</script>

{% endblock head %}
{% block body %}
	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<ul class="address">
      <li>收件人:<span>{{ user.ushou}}</span></l1>
      <li>电话:<span>{{ user.uphone}}<span></li>
     
			<li>收件地址：<span id="oaddress">{{user.uaddress}}</span></li>
      
      
  </ul>
		<a href="/user/site" class="edit_site">编辑收货地址</a>

	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" checked>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style">
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>		
		</ul>
  
    {% for cart in carts%}
		<ul class="goods_list_td clearfix" id="{{cart.id}}">
			<li class="col01">{{cart.id}}</li>
			<li class="col02"><img src="/static/{{cart.goods.gpic}}"></li>
			<li class="col03">{{cart.goods.gtitle}}</li>
			<li class="col04">{{cart.goods.gunit}}</li>
			<li class="col05">{{cart.goods.gprice}}</li>
			<li class="col06">{{cart.count}}</li>
			<li class="col07">{{cart.goods.gprice}}</li>
		</ul>
    {% endfor %}
	
	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em id="gcount">2</em>件商品，总金额<b id="sumtotal">42.60元</b></div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b id="total_pay">52.60元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="javascript:;" id="order_btn">提交订单</a>
	</div>

<div class="popup_con">
  <div class="popup">
    <p></p>
  </div>

  <div class="mask"></div>
</div>
{% endblock body %}
